<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta charset="gb2312">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=dege"/>
    <meta name="format-detection" content="telephone=no" />
    <title>大椽科技</title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="css/animate.min.css"/>
    <link rel="stylesheet" href="dist/aos.css"/>
    <link href="images/favicon.ico" rel="icon" type="images/x-icon">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/headfoot.css"/>
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="dist/aos.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->

</head>
<body>
<!--头部部分-->
<div class="head">
    <div class="head_inner">
        <div class="head_logo">
            <img src="images/index/logo.png" alt=""/>
        </div>
        <div class="head_rt">
            <ul class="head-list">
                <li  class="active"><a href="#"> 首页 </a></li>
                <li><a href="#"> 产品服务 </a>
                    <div class="xl-s">
                        <ul class="xl-list">
                            <li><a href="#">360全景环视系统</a></li>
                            <li><a href="#">ADAS/DMS</a></li>
                            <li><a href="#">V2X</a></li>
                            <li><a href="#">车载视频主动安全设备</a></li>
                            <li><a href="#">T-BOX</a></li>
                            <li><a href="#">路测停车系统</a></li>
                            <li><a href="#">智能锁</a></li>
                            <div class="both"></div>
                        </ul>
                    </div>
                </li>
                <li><a href="#"> 解决方案 </a></li>
                <li><a href="#"> 资质产权 </a></li>
                <li><a href="#"> 合作伙伴 </a></li>
                <li><a href="#"> 关于我们 </a></li>
                <li><a href="#"> 联系我们 </a></li>
            </ul>
        </div>
    </div>
    <div class="head-phone">
        <div class="head-logo lf">
            <a href="#">
                <span><img src="images/index/logo.png" alt=""/></span>
            </a>
        </div>
        <div class="top_cen rt">
            <a href="javascript:;">
                <span></span>
                <span></span>
                <span></span>
            </a>
            <a class="cen_x active" href="javascript:;">
                ×
            </a>
        </div>
        <ul class="navlist_mo">
            <li>
                <a href="#">首页</a>
            </li>
            <li class="mo">
                <a>产品服务</a>
                <ul class="abm_nav">
                    <li class="active"><h3><a href="#"></a>360全景环视系统</h3></li>
                    <li><h3><a href="#"></a>ADAS/DMS</h3></li>
                    <li><h3><a href="#"></a>V2X</h3></li>
                    <li><h3><a href="#"></a>车载视频主动安全设备</h3></li>
                    <li><h3><a href="#"></a>T-BOX</h3></li>
                    <li><h3><a href="#"></a>路测停车系统</h3></li>
                    <li><h3><a href="#"></a>智能锁</h3></li>
                </ul>
            </li>
            <li><a href="#"> 解决方案 </a></li>
            <li><a href="#"> 资质产权 </a></li>
            <li><a href="#"> 合作伙伴 </a></li>
            <li><a href="#"> 关于我们 </a></li>
            <li><a href="#"> 联系我们 </a></li>
        </ul>
    </div>
</div>
<!--banner-->
<div class="swiper-container wow bounceIn animated" id="banner">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <a href="#"><img src="images/index/banner.jpg" class="im_pc img-responsive" alt="">
                <img src="images/index/ph.jpg" class="im_ph img-responsive" alt="">
            </a>
        </div>
        <div class="swiper-slide" >
            <a href="#"><img src="images/index/banner.jpg" class="im_pc img-responsive" alt="">
                <img src="images/index/ph.jpg" class="im_ph img-responsive" alt="">
            </a>
        </div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
</div>
<!-- 大椽科技 -->
<div class="mian_1">
    <div class="title">
        <h1> 大椽技术</h1>
        <span></span>
        <p> 打造智能出行车载大脑，基于深度学习环境感知驾驶决策算法</p>

    </div>
    <div class="yun" aos="zoom-out-down">
        <img src="images/index/yun.png" alt=""/>
    </div>
    <div class="cart" aos="fade-right" aos-delay="500" >
        <img src="images/index/che.png" alt=""/>
    </div>
</div>

<div id="science-page" class="technology-container s01-content">
    <div class="title">
        <h1> 产品服务</h1>
        <span></span>
    </div>
    <div class="technology-content">
        <div class="content-info">
            <div class="thumbnail  active">
                <img  class="thumbnail-img lazyload load" src="images/index/info-2.png">
                <div class="caption">
                    <div class="caption-title">
                        <div class="title-en">INTELLIGENT TRANSPORTATION</div>
                        <div class="title-zh">360全景环视系统</div>
                    </div>
                    <div class="desc">
                        <p>智能交通可以利用新一代的通信网络和数据处理能力，提高现有交通系统的整体效率，
                           </p>
                        <p> 降低能量损耗，增加运输的安全和便捷程度。</p>
                    </div>
                </div>
            </div>
            <div class="thumbnail">
                <img  class="thumbnail-img lazyload load" src="images/index/info-1.png">
                <div class="caption">
                    <div class="caption-title">
                        <div class="title-en">ADAS/DMS</div>
                        <div class="title-zh">ADAS/DMS</div>
                    </div>
                    <div class="desc">
                        <p>智能交通可以利用新一代的通信网络和数据处理能力，提高现有交通系统的整体效率，
                        </p>
                        <p> 降低能量损耗，增加运输的安全和便捷程度。</p>
                    </div>
                </div>
            </div>
            <div class="thumbnail">
                <img class="thumbnail-img lazyload load" src="images/index/info-1.png">
                <div class="caption">
                    <div class="caption-title">
                        <div class="title-en">INTELLIGENT TRANSPORTATION</div>
                        <div class="title-zh">V2X</div>
                    </div>
                    <div class="desc">
                        <p>智能交通可以利用新一代的通信网络和数据处理能力，提高现有交通系统的整体效率，
                        </p>
                        <p> 降低能量损耗，增加运输的安全和便捷程度。</p>
                    </div>
                </div>
            </div>
            <div class="thumbnail">
                <img  class="thumbnail-img lazyload load" src="images/index/info-2.png">
                <div class="caption">
                    <div class="caption-title">
                        <div class="title-en">车载视频主动安全设备</div>
                        <div class="title-zh">车载视频主动安全设备</div>
                    </div>
                    <div class="desc">
                        <p>智能交通可以利用新一代的通信网络和数据处理能力，提高现有交通系统的整体效率，
                        </p>
                        <p> 降低能量损耗，增加运输的安全和便捷程度。</p>
                    </div>
                </div>
            </div>
            <div class="thumbnail">
                <img class="thumbnail-img lazyload load" src="images/index/info-1.png">
                <div class="caption">
                    <div class="caption-title">
                        <div class="title-en">T-BOX</div>
                        <div class="title-zh">T-BOX</div>
                    </div>
                    <div class="desc">
                        <p>智能交通可以利用新一代的通信网络和数据处理能力，提高现有交通系统的整体效率，
                        </p>
                        <p> 降低能量损耗，增加运输的安全和便捷程度。</p>
                    </div>
                </div>
            </div>
            <div class="thumbnail">
                <img  class="thumbnail-img lazyload load" src="images/index/info-2.png">
                <div class="caption">
                    <div class="caption-title">
                        <div class="title-en">路测停车系统</div>
                        <div class="title-zh">路测停车系统</div>
                    </div>
                    <div class="desc">
                        <p>智能交通可以利用新一代的通信网络和数据处理能力，提高现有交通系统的整体效率，
                        </p>
                        <p> 降低能量损耗，增加运输的安全和便捷程度。</p>
                    </div>
                </div>
            </div>
            <div class="thumbnail">
                <img  class="thumbnail-img lazyload load" src="images/index/info-1.png">
                <div class="caption">
                    <div class="caption-title">
                        <div class="title-en">智能锁</div>
                        <div class="title-zh">智能锁</div>
                    </div>
                    <div class="desc">
                        <p>智能交通可以利用新一代的通信网络和数据处理能力，提高现有交通系统的整体效率，
                        </p>
                        <p> 降低能量损耗，增加运输的安全和便捷程度。</p>
                    </div>
                </div>
            </div>

        </div>
        <div class="bg-image">
            <img  class="prev lazyload load" alt="" src="images/index/prev.png">
            <img  alt="" class="circle lazyload load" src="images/index/big-circle.png">
            <img  class="next lazyload load" alt="" src="images/index/next.png">
        </div>
        <div class="num-btn">
            <div class="btn-one  active" data-index="0">
                <img  alt="" class="normal lazyload load" src="images/index/num-1.png">
                <img  class="active lazyload load" src="images/index/num-1-active.png">
            </div>
            <div class="btn-two" data-index="1">
                <img  alt="" class="normal lazyload load" src="images/index/num-2.png">
                <img  class="active lazyload load" src="images/index/num-2-active.png">
            </div>
            <div class="btn-three" data-index="2">
                <img  alt="" class="normal lazyload load" src="images/index/num-3.png">
                <img  class="active lazyload load" src="images/index/num-3-active.png">
            </div>
            <div class="btn-four" data-index="3">
                <img  alt="" class="normal lazyload load" src="images/index/num-4.png">
                <img  class="active lazyload load" src="images/index/num-4-active.png">
            </div>
            <div class="btn-five" data-index="4">
                <img  alt="" class="normal lazyload load" src="images/index/num-5.png">
                <img  class="active lazyload load" src="images/index/num-5-active.png">
            </div>
            <div class="btn-six" data-index="5">
                <img  alt="" class="normal lazyload load" src="images/index/num-6.png">
                <img  class="active lazyload load" src="images/index/num-6-active.png">
            </div>
            <div class="btn-seven" data-index="6">
                <img  alt="" class="normal lazyload load" src="images/index/num-7.png">
                <img  class="active lazyload load" src="images/index/num-7-active.png">
            </div>
        </div>
    </div>
</div>

<!--application-->
<div class="main_3">
    <div class="mian_3_bot " aos="fade-up" aos-anchor-placement="bottom-bottom">
        <div class="mian_3_bot_inner">
            <div class="main-md">
                <div class="bot_left">
                    <h4> 应用</h4>
                    <span>APPLICATION</span>
                </div>
                <div class="bot_rt">
                    <p>感觉、思考和行动的解法方案-确保每一次出行都是安全、可靠愉悦的</p>
                </div>
                <div class="both"></div>
            </div>
        </div>

    </div>
</div>
<!--方案-->
<div class="main_4">
    <div class="title">
        <h1> 解决方案</h1>
        <span></span>
    </div>
    <div class="main-md">
        <ul>
            <li><a href="#">
                <div class="opt_img">
                    <img src="images/index/fang-1.jpg" alt=""/>
                </div>
                <div class="option">

                    <div class="option_inner">
                        <h4>  车载驾驶安全方案</h4>
                        <p> 以市场需求及客户需求为导向，应用开发
                            为重点，为客户提供全方位的智能出行解
                            决方案……</p>
                        <span> 查看详情 </span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="opt_img">
                    <img src="images/index/fang-2.jpg" alt=""/>
                </div>
                <div class="option">

                    <div class="option_inner">
                        <h4>  车载驾驶安全方案</h4>
                        <p> 以市场需求及客户需求为导向，应用开发
                            为重点，为客户提供全方位的智能出行解
                            决方案……</p>
                        <span> 查看详情 </span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="opt_img">
                    <img src="images/index/fang-3.jpg" alt=""/>
                </div>
                <div class="option">

                    <div class="option_inner">
                        <h4>  车载驾驶安全方案</h4>
                        <p> 以市场需求及客户需求为导向，应用开发
                            为重点，为客户提供全方位的智能出行解
                            决方案……</p>
                        <span> 查看详情 </span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="opt_img">
                    <img src="images/index/fang-4.jpg" alt=""/>
                </div>
                <div class="option">

                    <div class="option_inner">
                        <h4>  车载驾驶安全方案</h4>
                        <p> 以市场需求及客户需求为导向，应用开发
                            为重点，为客户提供全方位的智能出行解
                            决方案……</p>
                        <span> 查看详情 </span>
                    </div>
                </div>
            </a></li>
            <div class="both"></div>
        </ul>
    </div>

</div>
<!--页尾-->
<div class="foots">
    <script>$(".foots").load("foot.html");</script>
</div>
<script src="js/index.js"></script>
<script>
    AOS.init({
        easing: 'ease-out-back',
        duration: 1000,
        disable: 'mobile'
    });
</script>
</body>
</html>